<!doctype html>
<html >
 <head>
  <meta charset="UTF-8">
  <title></title>
	<style>
	  #banner{
		       height:300px;
					 width:600px;
					 border:1px solid red;
					 margin:0 auto;
					 overflow:hidden;
					 display:fixed;}
		 #banner .round{
		        border:1px solid blue;
						}
		 #banner .round li{
		          list-style:none;
		         float:left;
		 }
	</style>
 </head>
 <body>
   <div id="banner">
	  <ul class="round">
			<li><img src="img/01.jpg" alt=""></li>
			<li><img src="img/02.jpg" alt=""></li>
			<li><img src="img/03.jpg" alt=""></li>
			<li><img src="img/04.jpg" alt=""></li>
			<li><img src="img/05.jpg" alt=""></li>
		</ul>
		<ul class="point">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		</ul>
 
 
   </div>
  
 </body>
</html>
